*,
*:before,
*:after
  box-sizing inherit

html
  box-sizing border-box

body
  font-family "Source Sans Pro", Arial, sans-serif
  // font-size $font-size-base
  color $text-color
  line-height $line-height-base

  background-color $color-bg
  letter-spacing 0.5px
  min-height 100vh
  margin 0

@media (max-width 750px)
  body
    font-size 1.4rem
  form,
  textarea,
  input
    font-size 1.6rem

a,
a:hover,
a:focus,
a:visited
  text-decoration none
  color $color-primary
  // color $link-color

code,
kbd,
pre,
samp
  font-family Menlo, Monaco, Consolas, "Courier New", monospace

pre
  display block
  font-size 13px
  line-height $line-height-base
  color #333
  word-break break-all
  word-wrap break-word
  background-color #f5f5f5
  border 1px solid #ccc
  border-radius 4px
  overflow auto
code
  padding 2px 4px
  font-size 90%
  color #c7254e
  background-color #f9f2f4
  border-radius 3px

kbd
  padding 2px 4px
  font-size 90%
  color #fff
  background-color #333
  border-radius 3px

.page-enter-active,
.page-leave-active
  transition opacity .5s
.page-enter,
.page-leave-active
  opacity 0
